.bulk-panel-container {
  display: inline-flex;
  align-items: center;
  border-radius: 1rem;
  background-color: $dropdown-bg;
  box-shadow: $dropdown-box-shadow;
  animation: bounceInUp;
  animation-duration: 0.5s;
  height: 3rem;
  gap: 0.5rem;

  .btn {
    height: 2.5rem;
    &:hover {
      background-color: $gray-50;
    }
  }

  > * {
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;

    &:first-child {
      border-top-left-radius: $border-radius-lg;
      border-bottom-left-radius: $border-radius-lg;
    }

    &:last-child {
      border-top-right-radius: $border-radius-lg;
      border-bottom-right-radius: $border-radius-lg;

      .btn {
        border-top-right-radius: $border-radius-lg;
        border-bottom-right-radius: $border-radius-lg;
      }
    }
  }

  .btn-close {
    width: 2.5rem;
  }
}

#bulk-panel {
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 1rem;
  left: 0;
  z-index: 1020;
}

@include media-breakpoint-up(lg) {
  #bulk-panel {
    left: 25%;
    width: 75%;
  }
}

@include media-breakpoint-up(xl) {
  #bulk-panel {
    left: 16.66666667%;
    width: 83.33333333%;
  }
}

.bulk-operations-counter {
  padding-left: 1rem;
  padding-right: 0;

  .bulk-operations-counter-label {
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-right: 1px solid $border-color;
  }
}
